<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<c:set var="jpath" value="${pageContext.request.contextPath }"/>
<!DOCTYPE html >
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0,user-scalable=0" />
<link rel="stylesheet" type="text/css" href="${jpath}/static/FrontStatic/css/bootstrap.min.css"/>
<link href="${jpath}/static/FrontStatic/css/main.css" rel="stylesheet" type="text/css" />
<link href="${jpath}/static/FrontStatic/css/finance.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="${jpath}/static/FrontStatic/js/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="${jpath}/static/FrontStatic/js/bootstrap.min.js"></script>


<title>无标题文档</title>
</head>

<body>
	<div class="">
        <div class="row title">
            <div class="col-2" align="center">
                <img id="back" src="${jpath}/static/FrontStatic/image/back_3.png" />
            </div>
            <div class="col-8" align="center">融资产品</div>
            <div class="col-2" align="center">
                <img src="${jpath}/static/FrontStatic/image/add.png" />
            </div>
        </div>
        <div class="row con">
            <div class="col-3">
                <c:forEach items="${PaIndList }" var="hy" varStatus="status">
            		<c:if test="${status.index==0}"><div class="col-12 list list_o" hid="${hy.userIndustryId }">${hy.industryName }</div></c:if>
            		<c:if test="${status.index!=0}"><div class="col-12 list" hid="${hy.userIndustryId }">${hy.industryName }</div></c:if>
            	</c:forEach>
            </div>
            <div class="col-9" id="content">
            </div>
        </div>

    </div>
<script src="${jpath}/js/system_plugins.js"></script>
<script>

	var jpath="${jpath}";
    $(function(){
   		$("#back").click(function(){
			location.href="${jpath}/front/index";
		}); 
        $(".list").click(function(){
            var _this=$(this);
            $(".list").each(function(index,e){
                $(e).removeClass("list_o");
            });
            _this.addClass("list_o");
            
			var IndustryId=$(this).attr("hid");
			var params={pageNum:1,pageSize:3,UserIndustryId:IndustryId};
			$("#content").loadProductInfo(params,"${jpath}/FrontProduct/FindProduct",jpath,false);
        });
		var IndustryId=$(".list").eq(0).attr("hid");
		var params={pageNum:1,pageSize:3,UserIndustryId:IndustryId};
		$("#content").loadProductInfo(params,"${jpath}/FrontProduct/FindProduct",jpath,false);
		
		
		$("body").on("click",".shadows",function(){
			var id=$(this).attr("id");
			location.href="${jpath}/FrontProduct/related?ProductId="+id;
 		});
    });
</script>
</body>
</html>
